<ion-view view-title="停车缴费"  hide-tabs="true" >
  <!-- 头部 -->
  <ion-header-bar align-title="center" class="bar-positive">
    <div class="buttons">
      <button class=" button-go-back" ng-click="goback()"><i class="icon ion-chevron-left"></i></button>
    </div>
    <h1 class="title">停车缴费</h1>
  </ion-header-bar> 
  <ion-content id="park_pay" [scroll="true"] [overflow-scroll="true"] class="APP_BG_color">
    <!-- <h1>停车缴费的页面</h1> -->
    <div class="list" style="margin-bottom:8px;">
        <div class="item item-divider" style="border-top:none; color:#888888;">
          订单信息
        </div>
        <div class="item" style="color:#4A4A4A;">
          车牌
          <span class="right">{{cost.parkingFree.plateNo}}</span>
        </div>
        <div class="item" style="color:#4A4A4A;">
          入场时间
          <span class="right">
              {{cost.result.entryTime}}
          </span>
        </div>
        <div class="item" style="color:#4A4A4A;">
          停车时长
          <span class="right">
            <!-- 1小时56分 -->
            {{cost.result.parkingMinutes | parkingMinutes}}
          </span>
        </div>
        <div class="item" style="color:#4A4A4A;">
          收费标准
          <span class="right">
            <!-- 10.00元/每小时 -->
            {{cost.parkingFree.basis | basis}}
          </span>
        </div>
        <div class="item" >
          应付金额
          <span class="right">
            <!-- 20.00元 -->
             {{cost.result.unPayAmount | unPayAmount}} 
          </span>
        </div>

    </div> 
    <div class="list"  style="margin-bottom:8px;">
        <div class="item item-divider"  style="border-top:none; color:#888888;">
          组合优惠
        </div>
        <div class="item" ng-show="isparkcoupon" >
          优惠券抵扣
          <span class="right" style="color:#FF5252;" ng-click="toggle_list()">
              {{coupon_num | p_c_num}}
              <span style="display:inline-block; width:20px;min-height:20px;text-align:center;">
                <i style="color:#414141;" class="icon"  ng-class="{true :'ion-chevron-right', false :'ion-chevron-down'}[isright]"></i>
              </span>
            </span>
        </div>
        <ion-checkbox ng-repeat="item in devList" 
          ng-click="choice_coupon(item)"
          ng-model="item.checked" 
          ng-checked="item.checked" ng-show="isshowlist" >
            {{item.couponName }} {{item.couponMoney}}
        </ion-checkbox>

        <div class="item" ng-show="isuseinte">
          现有积分
          <span class="right">
              {{ integral }}
          </span>
        </div>
        <div class="item" ng-show="isuseinte">
          积分抵扣
          <span class="right">
              <span class="add" ng-click="add_inte()">+</span>
              <span style="min-width:36px;height:20px;text-align:center;display:inline-block;">{{offset_inte}}</span>
              <span class="reduce" ng-click="reduce_inte()">-</span>
          </span>
        </div>

        <div class="item" >
          还需支付
          <span class="right" style="color:#FF5252;font-size:20px;">
           <small style="font-size:13px;">￥</small>{{pay_money}}
          </span>
        </div>
    </div> 

    <div class="list">
        <div class="item item-divider"  style="border-top:none; color:#888888;">
          支付方式
        </div>
        <label class="item item-radio" >
            <input type="radio" name="pay" value="1" checked="checked" >
            <div class="radio-content" >
                <div class="item-content" style="position:relative;padding-left:60px;">支付宝</div>
                <i class="radio-icon ion-checkmark" style="color:#A68A4B;font-size:19px;"></i>
                <img ng-src="img/icons/alipay.png" style="width:29px;position:absolute;top:12px;left:15px;z-index:1000;">
            </div>
        </label>
        <label class="item item-radio" >
            <input type="radio" name="pay" value="2" >
            <div class="radio-content" >
                <div class="item-content" style="position:relative;padding-left:60px;">微信 </div>
                <i class="radio-icon ion-checkmark" style="color:#A68A4B;font-size:19px;"></i>
                <img ng-src="img/icons/wxpay.png" style="width:29px;position:absolute;top:12px;left:15px;z-index:1000;">
            </div>
        </label>
    </div> 

    <div style="padding:15px;" ng-hide="is_opay">
        <button class="button" style="background:#A68A4B;width:100%;border-color:#A68A4B;color:#fff;" ng-click="pay_now()">
            确认缴费
        </button>
    </div>
   
  </ion-content>

  <!-- <ion-footer-bar align-title="left" class="bar-assertive" style="background:transparent;">
    <button class="button" style="background:#A68A4B;width:100%;border-color:#A68A4B;">确认缴费</button>
  </ion-footer-bar> -->

</ion-view>